
$(document).ready(function() {
	$("input").focus(function(){
		$("#errTip").html('');
	});
	
	
	//加载验证码
	loadImg();
	
	//表单验证  必须和js同步存在  否则$("#loginForm").valid()默认为true
	validateLoginForm();
	validateRegistForm();
	


})


/**
 * 验证码
 * @returns
 */
function loadImg() {
	$("#img-vcode").attr("src","verifycode.action?t="+(new Date().getTime()));
}


/**
 * 通过jquery.validate验证下 使用按钮提交
 */
$("#subBtn").click(function(){
	if ($("#loginForm").valid()) {
		console.log("前台通过验证, 即将前往后台");
		var $getFormData = $("#loginForm").serialize();
		$.post("dologin.action", $getFormData, callBackForLogin, "json");
	}
})

/**
 * 登录回滚
 * @param res
 * @returns
 */
function callBackForLogin(res){
	console.log(res);
	if(res.msg == undefined || res.msg ==null || res.msg != "success") {
		//$("#errTip").html(res.error);	
		layer.msg(res.error);
		//$("#loginForm")[0].reset();
	} else {
		$("#loginForm")[0].reset();
		$(window).attr('location', '../home/home.action');
	}
}


/**
 * 登录表单的jquery验证
 * @returns
 */
function validateLoginForm(){

	$("#loginForm").validate({
		onsubmit:true,// 是否在提交是验证
	　　	onfocusout:false,// 是否在失去焦点时验证
	　　	onkeyup :false,// 是否在敲击键盘时验证
		rules:{
			username: {
				required: true,
			},
			password: {
				required: true,
			},
			vcode:{
				required: true,
			}
			
			
		},
		messages: {
			
			username: {
				required: "用户名不能为空",
			},
			password: {
				required: "密码不能为空",
			},
			vcode:{
				required: "验证码不能为空",
			}
			
			
		},
		
		errorPlacement: function(error, element){
			$("#err-validate").html(error);
		},
		submitHandler: function(form){
			
		},
		invalidHandler: function(form, validator) {
			return false;}
		
	})
}


/**
 * 注册表单的jquery验证
 * @returns
 */
function validateRegistForm(){

	$("#registForm").validate({
		onsubmit:true,// 是否在提交是验证
	　　	onfocusout:function(element) { $(element).valid(); },// 是否在失去焦点时验证
	　　	onkeyup :false,// 是否在敲击键盘时验证
		rules:{
			typeCode: {
				required: true,
				email: true,
				qqemail: true
			},
			password: {
				required: true,
				encryptpass: true
			},
			passwordRepeat:{
				required: true,
				encryptpass: true,
				equalTo: "#password"
			}
			
			
		},
		messages: {
			
			typeCode: {
				required: "qq邮箱不能为空",
				email: "非法的邮箱格式",
			},
			password: {
				required: "密码不能为空",
			},
			passwordRepeat:{
				required: "请填写确认密码",
				equalTo: "两次密码不一致,请检查"
			}
			
		},
		errorPlacement: function(error, element){
			//$("#err-validate").html(error);
			layer.msg(error.text())
		},
		submitHandler: function(form){
			
		},
		invalidHandler: function(form, validator) {
			return false;
		}
	     
	})

	//qq邮箱附加验证
    jQuery.validator.addMethod("qqemail", function(value,element){
    	 //var regex = /^([\.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;
	    var qqReg = /^[1-9]\d{7,10}@qq\.com$/; 
    	return this.optional(element) || qqReg.test(value);
	  }, "目前仅支持qq邮箱注册");
     
	//密码附加验证 
	jQuery.validator.addMethod("encryptpass", function(value,element){
	    	var regex = /^[a-zA-Z]\w{5,17}$/;
		     return this.optional(element) || regex.test(value);
		  }, "密码要求字母开头，长度在6~18之间,且只能包含字母、数字和下划线");
	     
}


/**
 * 注册
 */
$("#registBtn").click(function(){
	if ($("#registForm").valid()) {
		console.log("前台通过验证, 即将前往注册");
		var $getFormData = $("#registForm").serialize();
		$.post("doregist.action", $getFormData, callBackForRegist, "json");
	}

})

/**
 * 注册回滚
 * @param res
 * @returns
 */
function callBackForRegist(res) {
	if (res.msg == "success") {
		layer.msg("注册成功,请前往邮箱激活账号", {icon:1, time: 1500});
	} else if (res.msg == "exist-active") {
		layer.msg("该账号已经注册过了!请重新填写", {icon:5, time: 1500});
	} else if (res.msg == "exist-unactive") {
		layer.msg("该账号已注册过 !但未激活", {icon:5, time: 1500});
	} else {
		layer.msg("注册失败", {icon:2, time: 1500});
	}
}










